<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="Widow-target" content="_top">
<meta name="robots" content="none">
<meta http-equiv="x-dns-prefetch-control" content="on">
<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">
<meta name="x5-fullscreen" content="true">
<meta name="HandheldFriendly" content="true">
<meta name="browsermode" content="application">
<meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
<meta name="x5-page-mode" content="app">
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=yes">
</head>

<body>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
    wx.config({
        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: 'wxf8376c242d77e62a', // 必填，公众号的唯一标识
        timestamp: 1521424382, // 必填，生成签名的时间戳
        nonceStr: '6EE5375AC3A63EE15A541EA38ADFB9FC', // 必填，生成签名的随机串
        signature: '668d77ad1a28035baff73eda6d003e67fef920e7',// 必填，签名
        jsApiList: ['openCard'] // 必填，需要使用的JS接口列表
    });
    wx.ready(function(){
        alert('ready');
        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
    });
    wx.error(function(res){
        alert('error:' + JSON.stringify(res));
        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
    });
</script>

</body>

</html>